Front End Portfolio Website Tutorial – Next.js, Three.js, Tailwind CSS

モバイル
youtube
Front End Portfolio Website Tutorial – Next.js, Three.js, Tailwind CSS Learn to code a mobile responsive personal portfolio website using Next.js, Three.js & Tailwind CSS. Course developed by @CodeBucks 🔗 Demo Link: 💻 Starter Code: 💻 Final Code: ⭐️ Contents ⭐️ ⌨️ (0:00:00) Intro + Demo ⌨️ (0:06:02) Setup and Installation ⌨️ (0:08:11) Layout.js file and Tailwind config ⌨️ (0:11:53) Home page ⌨️ (0:13:21) Generate Images using Playground AI ⌨️ (0:16:56) 3D model configuration and Rendering ⌨️ (0:37:13) Navigation buttons ⌨️ (1:07:53) Creating background firefly effect ⌨️ (1:20:07) Projects page ⌨️ (1:32:46) Subpages layout ⌨️ (1:40:08) About page ⌨️ (1:55:48) Github stats & Skill icons ⌨️ (2:10:48) Contact page ⌨️ (2:20:06) Using Emailjs ⌨️ (2:35:27) Show toast messages ⌨️ (2:41:23) Mobile responsive ⌨️ (3:10:16) Adding animations using framer-motion ⌨️ (3:23:57) Adding music ⌨️ (3:49:21) Optimizing Images and performance 🎉 Thanks to our Champion and Sponsor supporters: 👾 Drake Milly 👾 Ulises Moralez 👾 Goddard Tan 👾 David MG 👾 Matthew Springman 👾 Claudio 👾 Oscar R. 👾 jedi-or-sith 👾 Nattira Maneerat 👾 Justin Hual -- Learn to code for free and get a developer job: Read hundreds of articles on programming:
  2024/10/03      youtube

関連するプログラミング動画 [mobile]

Our Tag

最近投稿されたプログラミング学習動画

AI-Powered Business Analytics Full Course 2027 | Learn Excel, Data Ana

"🔥Microsoft Azure - AI-Powered Business ...

  2026/11/12

LangGraph AI Agent Roadmap 2027 | How to Build AI Agents with LangGrap

microsoft
Microsoft

🔥Microsoft AI Engineer Program - 🔥IIT K...

  2026/11/12

Performance Marketing Full Course 2027 | Master Google Ads, Meta Ads &

Google
Marketing

"🔥Meta - Digital Marketing Specialist - ...

  2026/11/12

GenAI-Powered SQL Full Course 2026 | Complete SQL & AI for Business An

sql

"🔥Microsoft Azure - AI-Powered Business ...

  2026/11/12

Best ChatGPT Prompting Trick in 2027 | Get Better AI Responses with Th

"🔥Microsoft AI Engineer Program - 🔥IIT ...

  2026/11/12

Top 10 Technologies That Will Dominate 2027 | What's Next in Technolog

microsoft
Microsoft

🔥Microsoft Applied Agentic AI: Systems D...

  2026/11/12

Calculus 2 Full Course

Calculus 2 Full Course! This 10-hour vid...

  2026/11/12

AI dev tools & evals to ensure AI agent reliability

flutter

Try Antigravity → Flutter DevTools → ...

  2026/11/11

The power of Dart & Wasm

flutter

Flutter WebAssembly docs → 100% client...

  2026/11/11

Build a webOS app with Flutter and webOS SDK

flutter
モバイル

Try it out → Flutter goes beyond mobi...

  2026/11/11

What A2UI 1.0 means for Flutter devs

flutter

A2UI → A2UI + Flutter Quickstart → C...

  2026/11/11

How to build on-device AI in Flutter with LiteRT-LM and Gemma

flutter

LiteRT-LM Package → LiteRT-LM Gemma mo...

  2026/11/11

How Google AI Edge built a local AI desktop app in 10 days with Flutte

flutter
Google

Google AI Edge Eloquent is an offline-fi...

  2026/11/11

Do Crash Diets Work

After the last video, a few of you said ...

  2026/11/11

Fable 5.2は最強モデル?最新アプデで追加されたClaude最新モデルを徹底検証してOpus 5.5などと比較します!

本日はFable 5.2についてお話させて頂きました! ぜひご視聴ください! ...

  2026/11/11

How Are People Making Games Like This?

game

I wanted to know how people are making t...

  2026/11/09